<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/mine.css">
    <title></title>
</head>
<body>
    <div class="wrapper">
        <header>
            <div class="header">
            <div class="san">
                <img onclick="location.href='navigator.html'" src="../image/三道杠.png">
                </div>
                <div class="search">
                    <img src="../image/搜索.png" >
                    <div>一等情事</div>
                </div>
                <div class="yuyin">
                    <img src="../image/麦克风.png">
                </div>
            </div>
        </header>
        <middle>
            <div class="avatar">
                <img src="../image/我的头像.png" alt="" onclick="location.href='modify_avatar.html'">
                <div class="nickname">火白一十一</div>
                <ul>
                    <li>100 <p style="color: #b99094;">关注</p></li>
                    <li>20<p style="color: #b99094;">粉丝</p></li>
                    <li>Lv.9<p style="color: #b99094;">等级</p></li>
                    <li>2278时<p style="color: #b99094;">听歌</p></li>
                </ul>
            </div>
            <div class="playlist">
                <div class="title">
                    <p>音乐</p>
                    <p style="color: #a0a3ac;">播客</p>
                    <p style="color: #a0a3ac;">动态</p>
                </div>
                <div class="playlists">
                    <div class="playlist1">
                        <img src="../image/歌单封面1.jpg" alt="">
                        <div class="info">
                            <p class="name">我喜欢的音乐</p>
                            <p class="type">1635首 5895次播放</p>
                        </div>
                    </div>
                    <div class="playlist1">
                        <img src="../image/歌单封面2.jpg" alt="">
                        <div class="info">
                            <p class="name">好听啊！</p>
                            <p class="type">歌单 18首 火白一十一</p>
                        </div>
                    </div>
                    <div class="playlist1">
                        <img src="../image/歌单封面3.jpg" alt="">
                        <div class="info">
                            <p class="name">静</p>
                            <p class="type">歌单 65首 火白一十一</p>
                        </div>
                    </div>
                    <div class="playlist1">
                        <img src="../image/歌单封面4.jpg" alt="">
                        <div class="info">
                            <p class="name">抖腿</p>
                            <p class="type">歌单 40首 火白一十一</p>
                        </div>
                    </div>
                    <div class="playlist1">
                        <img src="../image/歌单封面5.jpg" alt="">
                        <div class="info">
                            <p class="name">一个人</p>
                            <p class="type">歌单 8首 火白一十一</p>
                        </div>
                    </div>
                </div>
            </div>
        </middle>
        <footer>
            <div class="music"></div>
            <div class="nav">
                <ul>
                    <li onclick="location.href='index.html'"><img src="../image/网易云灰.png" ><p></p></li>
                    <li onclick="location.href='find.html'"><img src="../image/发现灰.png" ></li>
                    <li><img src="../image/漫游.png" alt=""></li>
                    <li onclick="location.href='dongtai.html'"><img src="../image/动态灰.png" alt=""></li>
                    <li onclick="location.href='mine.html'"><img src="../image/我的红.png" alt=""></li>
                </ul>
           </div>
        </footer>
    </div>
</body>
</html>